<template>
  <MainContent title="邮件管理">
    <template-list ref="templateListRefs"></template-list>

    <!--      <template #tab-bar>-->
    <!--        <el-tabs v-model="activeName">-->
    <!--          <el-tab-pane label="发件人管理" name="1">-->
    <!--            <sender-list v-if="activeName == '1'"></sender-list>-->
    <!--          </el-tab-pane>-->
    <!--          <el-tab-pane label="模板管理" name="2">-->
    <!--            <template-list v-if="activeName == '2'"></template-list>-->
    <!--          </el-tab-pane>-->
    <!--        </el-tabs>-->
    <!--      </template>-->
  </MainContent>
</template>
<script>
// import senderList from "./component/senderList.vue";
import TemplateList from "./component/templateList.vue";
import store from "@/store";
export default {
  name: 'EmailManagement',
  components: { TemplateList },
  // components: { senderList, TemplateList },
  data() {
    return {
      activeName: "1",
    };
  },
  watch: {
    insId: {
      handler(val) {
        // 待完善
        this.$refs.templateListRefs.onSearch();
      },
      deep: true
    },
  },
  computed: {
    insId() {
      return store.state.insId.insId;
    },
  }
};
</script>
<style lang="scss" scoped>
//:deep(.content .content-slot-bg) {
//  background: none;
//  padding: 16px 0;
//}
</style>
